import { DeleteOutlined } from '@ant-design/icons';
import { ActionConfig } from '../ActionModal'

export function ActionItem(action: ActionConfig){

    return (
        <div className='relative border border-[#aaa] m-[10px] p-[10px]'>
            <div className='text-blue-700'>跳转链接</div>
            <div>{action.url}</div>
            <div 
                style={{position: 'absolute',top: 10,right: 10,cursor: 'pointer'}}
                onClick={() => deleteAction(eventConfig, index)}
                >
                    <DeleteOutlined />
            </div>
        </div>
    )
}